<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>空气质量</title>
	<link rel="stylesheet" type="text/css" href="css/global.css">
	<link rel="stylesheet" type="text/css" href="css/air.css">
	<script type="text/javascript" src="js/jquery-1.12.2.min.js"></script>
	<script type="text/javascript" src="js/weather.js"></script>
	<script type="text/javascript" src="js/common2.js"></script>
	<script type="text/javascript" src="js/citySelectData.js"></script>
	<script type="text/javascript" src="js/echarts_n.min.js"></script>
</head>
<body>
    <div class="nav_box_1200">
        <div class="w_1200">
            <a class="logo" href="/"><img src="images/logo_1200.png"></a>
            <div class="menu" id="moo">
                <a href="/" target="_blank">首页</a>
                <a href="/info" target="_blank">本地天气</a>
                <a href="/air/58238" target="_blank" class="on" rel="nofollow">空气质量</a>
                <a href="/all/a.html" target="_blank">国内天气</a>
                <a href="/air/58238" target="_blank">国际天气</a>
                <a href="/all/a.html" target="_blank">景点天气</a>
            </div>
           <div class="search_1200 fr">
                    <span class="tsearch">
                        <form action="#" class="clearfix" id="searchForm" method="post" name="searchForm">
                            <input id="inputSearchCity" autocomplete="off" class="tsch_inbox ui-autocomplete-input" name="city" type="text">
                            <button class="tsch_btn1" href="#" onclick="$('#searchForm').submit();return false;">搜 索</button>
                            <div class="suggest-list" id="searchResult">

                            </div>
                        </form>
                    </span>
                    <script type="text/javascript">
                        bindInitEvent();
                        initSearchInput();
                    </script>
            </div>
        </div>
    </div>
    <div class="tq_path">
        <div class="w_1200">
            当前位置：<a href="" target="_blank">首页</a> > <a href="" target="_blank">天气网</a> > 空气质量
        </div>
    </div>
	<!-- head end -->
    <!-- con -->
    <div class="w_1200 weather_con">
    	<div class="bdd_city clearfix">
    		<div class="bdd_city_left">
    			<span class="bddcl_title">南京</span>
    			<!--模拟下拉选择框的层。在划上去后，在它父级增加“bddcl_content_hover”-->    
    			<div class="bddcl_content">
    				<a class="bddcl_dropdown" href="javascript:void(0)">
    					<span>玄武湖</span> <i></i>
    				</a>
    				<div class="bddcl_content_active hidden">
    					<ul>
    						<li>
    							<a href="">
    								<i>•</i>
    								中华门
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								仙林大学城
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								奥体中心
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								山西路
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								浦口
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								玄武湖
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								瑞金路
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								草场门
    							</a>
    						</li>
    						<li>
    							<a href="">
    								<i>•</i>
    								迈皋桥
    							</a>
    						</li>
    					</ul>
    				</div>
    			</div>
    			<span class="bddcl_info">监测点详细数据</span>
    		</div>
    		<div class="bdd_city_right">
    			<span>更新时间：2016-08-09 15:00</span>
    		</div>
    	</div>

    	<!-- a -->

        <div class="airTab">
            <ul>
                <li><a href="aqi.html" target="_blank">AQI</a></li>
                <li><a href="pm2_5.html" target="_blank">PM2.5</a></li>
                <li><a href="pm10.html" target="_blank">PM10</a></li>
                <li><a href="so2.html" target="_blank">SO2</a></li>
                <li><a href="no2.html" target="_blank">NO2</a></li>
                <li class="current"><a href="co.html" target="_blank">CO</a></li>
                <li><a href="o3.html" target="_blank">O3</a></li>
            </ul>
        </div>
    	<div id="pm2_5" class="grayBorder whiteBg airQuality mb10">
            <div class="wearth_v3Tit">
                <h2>
                    <span>CO 变化趋势</span>
                </h2>
            </div>
            <div class="pg_area pd_rl20">
                   <span class="aqiTit">最近24小时</span>
                   <!--曲线图从这里开始,放到这里-->
                   <div id="pg_co_24h" class="pg_content"></div>
            </div>
            <div class="pg_area pd_rl20">
                   <span class="aqiTit">最近30天</span>
                   <!--曲线图从这里开始,放到这里-->
                  <div id="pg_co_30d" class="pg_content"></div>
             </div>
    	</div>

    </div>

    <!-- con end -->
	<!-- footer -->
    <div class="footer">
	    <div style="display:none">
		<script src="http://s4.cnzz.com/z_stat.php?id=1258147128&web_id=1258147128" language="JavaScript"></script>
		<script>
		var _hmt = _hmt || [];
		(function() {
		  var hm = document.createElement("script");
		  hm.src = "//hm.baidu.com/hm.js?a9ac01ac5b5bcab721b8c196e6a31dc6";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(hm, s);
		})();
		</script>
		</div>
		<div class="footer_gray">
			<div class="w_1200 clearfix">
				<div class="hezuo fl">
					<span class="footer_t">相关链接</span>
					<div class="links">
					</div>
				</div>
			</div>
		</div>
		<div class="footer_black">
			<div class="w_1200 clearfix">
				Copyright © 2016 tianqi321.com 版权所有 豫ICP备11026881号
			</div>
		</div>
	</div>

	<!-- footer end -->

<script type="text/javascript">
// CO
        var myChart_co_h24 = echarts.init(document.getElementById('pg_co_24h'), 'shine');
        var myChart_co_d30 = echarts.init(document.getElementById('pg_co_30d'), 'shine');
        // 指定图表的配置项和数据
        var option_co_h24 = {
            color: ['#2b70bb'],
            tooltip : {
               trigger: 'axis'
            },
            grid: {
                 top: '10%',
                left: '1%',
                right: '1%',
                bottom: '6%',
                containLabel: true
                },
            xAxis: {
                type : 'category',
                boundaryGap : false,
                data: ["08\u65e523\u65f6","08\u65e523\u65f6","09\u65e500\u65f6","09\u65e501\u65f6","09\u65e502\u65f6","09\u65e503\u65f6","09\u65e504\u65f6","09\u65e505\u65f6","09\u65e506\u65f6","09\u65e507\u65f6","09\u65e508\u65f6","09\u65e508\u65f6","09\u65e509\u65f6","09\u65e509\u65f6","09\u65e510\u65f6","09\u65e510\u65f6","09\u65e511\u65f6","09\u65e511\u65f6","09\u65e512\u65f6","09\u65e512\u65f6","09\u65e513\u65f6","09\u65e513\u65f6","09\u65e514\u65f6","09\u65e514\u65f6"]
            },
            yAxis: {type : 'value'},
            series: [{
                name: '浓度值',
                type: 'line',
                data:[15,18,18,18,19,18,18,17,18,20,20,18,18,16,16,14,14,17,17,17,17,15,15,14]
            }]
        };
        var option_co_d30 = {
            color: ['#2b70bb'],
            tooltip : {
               trigger: 'axis'
            },
            grid: {
                 top: '10%',
                left: '1%',
                right: '1%',
                bottom: '6%',
                containLabel: true
                },
            xAxis: {
                type : 'category',
                boundaryGap : false,
                data: ["14\u65e5","15\u65e5","16\u65e5","17\u65e5","18\u65e5","19\u65e5","20\u65e5","21\u65e5","22\u65e5","23\u65e5","24\u65e5","25\u65e5","26\u65e5","27\u65e5","27\u65e5","28\u65e5","29\u65e5","30\u65e5","31\u65e5","01\u65e5","02\u65e5","03\u65e5","03\u65e5","04\u65e5","05\u65e5","06\u65e5","07\u65e5","07\u65e5","08\u65e5","08\u65e5"]
            },
            yAxis: {type : 'value'},
            series: [{
                name: '浓度值',
                type: 'line',
                data:[12,9,8,10,9,9,9,16,20,22,16,17,15,10,10,24,18,11,9,10,13,13,13,12,18,11,10,10,12,12]
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart_co_h24.setOption(option_co_h24);
        myChart_co_d30.setOption(option_co_d30);
</script>
</body>
</html>